
<script setup>
import {ref,reactive} from 'vue'
const props=defineProps({
    name:{
        type:String,
        required: true,
        default: "WWEE"
    },
    OBJ:{
        type:Object
    }
})
console.log(props.OBJ,5000);
const color=ref("red")
const obj=reactive({
    border:"1px solid #ccc"
})
</script>
<template>
    <div class="demo" style="color:skyblue;">
        我是child1
    </div>
 
</template>
<style scoped>
.demo{
    color:v-bind(color);
    border: v-bind("obj.border");
    font-size: 20px;
    color: red !important;
}
</style>

